<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">

		.items {
			width: 80%;
			margin: 13rem auto;

			display: flex;
			justify-content: space-around;

		}

		.items {
			width: 1200px;
			margin: 20px auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: left;
		}

		.items a {
			margin: 2rem 15px;
			width: 367px;
			height: auto;
		}

		.tabs {
			width: 367px;
			position: relative;
		}

		.nos img {
			opacity: 0.6;
		}

		.tabs p {
			width: 100%;
			padding: 20px;
			box-sizing: border-box;
			position: absolute;
			top: 80px;
			color: #DCF9FC;
			font-size: 20px;
			line-height: 40px;
		}

		.tabs .img {
			width: 365px;
			border-radius: 11px;
			border:1px solid #b7b7f8;
			height: 232px;
		}
		.items a img {
			display: block;
		}
	</style>
</head>

<body class="conbody">
	<div id="product">
		<!-- <img src="img/e6699ad0ceed58e9a83b07321d7099a.png">
			<div id="">

			</div> -->
		<div class="header">
			<div class="left">
				苏州工业园区数字政府典型场景
			</div>
			<div class="right">
				<a href="topology.html">首页</a>
				<a href="Intellectualization.html" class="action">智慧化场景</a>
				<a href="integrated.html">整体性转型</a>
				<a href="base.html">平台型底座</a>
			</div>
			<div class="backbtn">
				<a href="index.html"> 返回</a>
			</div>
		</div>
		<div class="items">
			<a href="Intellectua/list1/list.html">
				<div class="tabs">
					<img src="img/Intel/one.png">
					<p>智慧劳资-数据赋能劳动关系管理</p>
				</div>
			</a>

			<a href="Intellectua/list2/list.html">
				<div class="tabs">
					<img src="img/Intel/6.jpg" class='img'>
					<p>智慧教育-数据赋能学习方式新路径</p>
				</div>
			</a>
			<a href="Intellectua/list3/list.html">
				<div class="tabs">
					<img src="img/Intel/01b05837a326d64ae36d8406f666063.png">
					<p>智慧社区-家园区</p>
				</div>
			</a>
			<a href="Intellectua/list4/list.html">
				<div class="tabs">
					<img src="img/Intel/2b3911cbf53432407844b762af573bf.png">
					<p>智慧社区-红色管家</p>
				</div>
			</a>
			<a href="Intellectua/list5/list.html">
				<div class="tabs">
					<img src="img/Intel/95fc490ce54a13b46bbe3f0aaf3d13f.png">
					<p>智慧社区-精准救助</p>
				</div>
			</a>
			<a href="Intellectua/list6/list.html">
				<div class="tabs">
					<img src="img/Intel/7.jpg" class="img">
					<p>智慧社区-知社区 </p>
				</div>
			</a>

			<a href="integrateList/list/list.html?name=mzry&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/免征园区—入学报名.png" class='img'>
					<p>免征园区—入学报名</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=mzyq&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/免征园区—单套制归档.png" class='img'>
					<p>免征园区—单套制归档</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhcg&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/智慧城管-城市智慧运行管理.png" class='img'>
					<p>智慧城管-城市智慧运行管理</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhcg1&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/智慧城管-应急实景智能管理.png" class='img'>
					<p>智慧城管-应急实景智能管理</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhjt&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/智慧交通—交通设备设施管理.png" class='img'>
					<p>智慧交通—交通设备设施管理</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=szls&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/数字孪生-城市公共信息平台.png" class='img'>
					<p>数字孪生-城市公共信息平台</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhjt2&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/智慧交通-公交智能规划辅助.png" class='img'>
					<p>智慧交通-公交智能规划辅助</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=ansc&back=Intellectualization">
				<div class="tabs">
					<img src="./img/ythcj/安全生产-安全生产预警预测.png" class='img'>
					<p>安全生产-安全生产预警预测</p>
				</div>
			</a>
			<!-- <a href="javascript:void(0);">
					<div class="tabs nos">
						<img src="img/Intel/1587d1d760125aa9765d25965eca8b1.png">
						<p>建设中...</p>
					</div>
				</a>
				<a href="javascript:void(0);">
					<div class="tabs nos">
						<img src="img/Intel/1587d1d760125aa9765d25965eca8b1.png">
						<p>建设中...</p>
					</div>
				</a>
				<a href="javascript:void(0);">
					<div class="tabs nos">
						<img src="img/Intel/1587d1d760125aa9765d25965eca8b1.png">
						<p>建设中...</p>
					</div>
				</a> -->
		</div>
		<div style="height: 1px;padding: 1px;">

		</div>


		<div class="footer">
			建设单位：苏州工业园区大数据管理局 &nbsp;&nbsp;&nbsp;&nbsp;技术支持：新建元数字科技有限公司、天聚地合（苏州）数据股份有限公司

		</div>
	</div>

	<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var product = new Vue({
			el: "#product",
			data: {

			},
			created() {

			},
			mounted() {

			},
			methods: {

			}
		})
	</script>
</body>

</html>